<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
        <link type="text/css" href="../css/themes/ui-lightness/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
        <link type="text/css" href="../css/themes/base/jquery.ui.all.css" rel="Stylesheet" />
        <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>   
        
        <script>
            $(function() {
                var availableTags = [
                    "ActionScript",
                    "AppleScript",
                    "Asp",
                    "BASIC",
                    "C",
                    "C++",
                    "Clojure",
                    "COBOL",
                    "ColdFusion",
                    "Eriang",
                    "Fortran",
                    "Groovy",
                    "Haskell",
                    "Java",
                    "Javascript",
                    "Lisp",
                    "Perl",
                    "PHP",
                    "Python",
                    "Ruby",
                    "Scala",
                    "Scheme"
                ];
                $("#tags").autocomplete({
                    source: availableTags
                });
            });
        </script>
        <div class="demo">
            <div class="ui-widget">
                <label for="tags">Tags: </label>
                <input id="tags">
            </div>
        </div>
        
        <div class="demo-description" style="display: none; ">
            <p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
            <p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
        </div>